<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>我的产品</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="assets/i/favicon.png" />
    <link rel="stylesheet" href="assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="assets/css/basic.css" />
    <link rel="stylesheet" href="assets/css/app.css" />
    <style type="text/css">
        .am-tabs-d2 .am-tabs-nav li{height: 50px;}
        .am-tabs-d2 .am-tabs-nav>.am-active a,
        .am-tabs-d2 .am-tabs-nav a{line-height: 50px;font-size: 15px}
        .am-tabs-d2 .am-tabs-nav>.am-active:after{border:none;}
    </style>
</head>
<body>
<section id="kuaikuai-tab">
    <div data-am-widget="tabs" class="am-tabs am-tabs-d2">
        <!-- 添加 am-topbar-fixed-top -->
        <ul class="am-tabs-nav tabs-nav am-cf">
            <li class="am-active">
                <a data-kuai-tabs="0">洗车券</a>
            </li>
            <li>
                <a data-kuai-tabs="1">代金券</a>
            </li>
        </ul>

        <div class="am-tabs-bd" id="ok" style="border: none">
            <!-- Start 洗车券 -->
            <div class="am-tab-panel am-active" data="tab1">
                <header class="am-header">
                    <h3 class="am-text-lg">
                        <hr class="am-divider am-divider-default" />
                        <p>你有<em>3张</em>有效券</p>
                        <hr class="am-divider am-divider-default" />
                    </h3>
                </header>
                <section class="am am-figure am-figure-default kuaikuai-pic">
                    <img src="./assets/i/tuan.png" data-rel="./assets/i/tuan.png" alt="次代用" />
                    <section class="kuaikuai-pos">
                        <h3>KK12345678</h3>
                        <p class="am-text-sm">快快极致打蜡洗车套装</p>
                        <p class="am-text-sm">有效日期：2015.1.1--2015.2.14</p>
                    </section>
                </section>
                <section class="am am-figure am-figure-default kuaikuai-pic">
                    <img src="./assets/i/ci.png" data-rel="./assets/i/ci.png" alt="次代用" />
                    <section class="kuaikuai-pos">
                        <h3>KK12345678</h3>
                        <p class="am-text-sm">快快极致打蜡洗车套装</p>
                        <p class="am-text-sm">有效日期：2015.1.1--2015.2.14</p>
                    </section>
                </section>
            </div>
            <!-- End 洗车券 -->

            <!-- Start 代金券 -->
            <div class="am-tab-panel " data="tab2">
                <header class="am-header">
                    <h3 class="am-text-lg">
                        <hr class="am-divider am-divider-default" />
                        <p>你有<em>3张</em>有效券</p>
                        <hr class="am-divider am-divider-default" />
                    </h3>
                </header>
                <section class="am am-figure am-figure-default kuaikuai-pic">
                    <img src="./assets/i/tuan.png" data-rel="./assets/i/tuan.png" alt="次代用" />
                    <section class="kuaikuai-pos">
                        <h3>KK12345678</h3>
                        <p class="am-text-sm">快快极致打蜡洗车套装</p>
                        <p class="am-text-sm">有效日期：2015.1.1--2015.2.14</p>
                    </section>
                </section>
                <section class="am am-figure am-figure-default kuaikuai-pic">
                    <img src="./assets/i/ci.png" data-rel="./assets/i/ci.png" alt="次代用" />
                    <section class="kuaikuai-pos">
                        <h3>KK12345678</h3>
                        <p class="am-text-sm">快快极致打蜡洗车套装</p>
                        <p class="am-text-sm">有效日期：2015.1.1--2015.2.14</p>
                    </section>
                </section>
            </div>
            <!-- End 代金券 -->
        </div>
    </div>
</section>

<nav class="btn-bottom">
    <ul class="am-avg-sm-2 am-menu-nav" style="border: 0">
        <li class="am-order-fl"><p class="am-text-lg">车联网联盟汽车连锁服务</p></li>
        <li class="am-order-fr"><button type="submit" class="btn am-btn am-btn-success am-btn-radius am-btn-sm" id="kcomment">发表评论</button></li>
    </ul>
</nav>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js" type="text/javascript"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="assets/js/jquery.min-1.11.1.js" type="text/javascript"></script>
<![endif]-->
<script src="assets/js/amazeui.min.js" type="text/javascript"></script>
<script src="assets/js/amazeui.widgets.helper.min.js" type="text/javascript"></script>
<script src="assets/js/handlebars.min.js" type="text/javascript"></script>
<script src="assets/js/kuaikuai.js" type="text/javascript"></script>
<script src="assets/js/zepto.min.js" type="text/javascript"></script>
<script src="assets/js/touch.js" type="text/javascript"></script>
</body>
</html>